﻿/*-------------------------设置为正常手机端浏览--------------------------*/
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}[hidden],template{display:none}
a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}
dfn{font-style:italic}
h1{font-size:2em;margin:.67em 0}
mark{background:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}
figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0}
textarea{overflow:auto}
optgroup{font-weight:700}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}
/*-------------------------全局属性--------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, code, em, img, q, small, strong, dd, dl, dt, li, ol, ul, fieldset, form, label, table, tbody, tr, th, td, input 
{margin:0;padding:0;}
html,
body{width:100%;height:100%;}
body{height:100%;background:white;font-size:12px;font-family:微软雅黑,宋体,Arial, Helvetica, sans-serif, simsun;}
a, button, input, select, span, img, i, cite, tt, em, button{transition:0.5s;-moz-transition:0.5s; /* Firefox 4 */-webkit-transition:0.5s; /* Safari and Chrome */-o-transition:0.5s; /* Opera */}
a, a:link, a:visited{text-decoration:none;}
li{list-style:none;}
img{border:none;}
.clear{clear:both;}
/*------------菜单------------*/
.menu{position:fixed;left:0;top:0;bottom:0;right:0;z-index:0;width:256px;display:none;overflow-y:auto;color:white;background-color:#1D1F20;-webkit-overflow-scrolling:touch;}
.menu a{color:white;}
.menu-header{border-bottom:1px solid #2a2d2f;padding:15px 0 15px 60px;}
.menu-header-title{font-weight:400;letter-spacing:0.5px;margin:0;font-size:20px;}
.menu-section{margin:10px 0;}
/*--------显示隐藏侧栏----------------*/
.slideout-open,.slideout-open body{overflow:hidden;}
.slideout-open .slideout-menu{display:block;}
/*------------菜单列表------------*/
.menu-section-list a{display:block;padding:10px 20px;font-size:16px;}
.menu-section-list a:hover{background-color:rgba(255, 255, 255, 0.1);text-decoration:none;}
/*------------菜单按钮------------*/
.btn-hamburger{border:none;position:absolute;top:15px;left:16px;z-index:100;}
.btn-hamburger img{width:28px;}
.box-title{margin:0;padding:10px 20px;border-bottom: 1px solid #4b5;color:#4b5;font-size:1.2em;font-weight:400;}
.box-content{padding:20px;background-color:#f8f8f8;}
/*-------------------------内容--------------------------*/
.panel{min-height:100%;background-color:#1a5ea3;}
/*-------------------------首页--------------------------*/
#index{position:relative;}
/*-------------------------设置按钮--------------------------*/
#index .site_botton{position:absolute;right:15px;top:15px;z-index:1000;}
#index .site_botton img{width:28px;}
/*-------------------------基础数据--------------------------*/
#index .basics_date{color:white;position:relative;height:140px;padding-top:20px;background:#004c99;}
#index .basics_date span{display:block;text-align:center;font-size:20px;}
#index .basics_date p{font-size:130px;height:120px;line-height:120px;text-align:center;font-weight:100;}
#index .basics_date ul{position:absolute;right:15px;top:50%;}
#index .basics_date li{font-size:16px;}
/*------------------------装饰--------------------------*/
#index .decorate img{width:100%;}
/*-------------------------指数--------------------------*/
#index .numerical_value{padding:15px;}
/*-------------------------空气--------------------------*/
#index .numerical_value .air{position:relative;height:45px;padding-top:15px;padding-left:100px;}
#index .numerical_value .air .title{width:110px;color:white;position:absolute;left:0;top:0;}
#index .numerical_value .air .title p{font-size:16px;height:18px;}
#index .numerical_value .air .title span{font-size:20px;height:20px;}
#index .numerical_value .air .cont{width:100%;}
#index .numerical_value .air .cont .date_con{color:white;position:relative;margin-bottom:5px;font-size:14px;}
#index .numerical_value .air .cont .date_con span{position:absolute;right:0;}
#index .numerical_value .air .cont .date_pic{width:100%;background:white;height:4px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;overflow:hidden;}
#index .numerical_value .air .cont .date_pic span{display:block;height:4px;width:75%;background:#f90;}
/*-------------------------温湿度--------------------------*/
#index .numerical_value .temperature_humidity{margin:20px 0;border-top:1px solid #477db5;border-bottom:1px solid #477db5;}
#index .numerical_value .temperature_humidity li{float:left;padding:10px 0;width:49.8%;text-align:center;border-left:1px solid #477db5;}
#index .numerical_value .temperature_humidity li:first-child{border:0;}
#index .numerical_value .temperature_humidity img{height:60px;}
#index .numerical_value .temperature_humidity li p{color:white;font-size:20px;margin-top:10px;}
/*-------------------------进入图表--------------------------*/
#index .numerical_value .go_chart{text-align:center;margin-bottom:15px;}
#index .numerical_value .go_chart a{display:inline-block;color:white;font-size:20px;}
#index .numerical_value .go_chart img{height:28px;position:relative;top:7px;margin-right:5px;}
/*-------------------------更新时间--------------------------*/
#index .numerical_value .update_time{text-align:center;}
#index .numerical_value .update_time p{font-size:16px;color:white;}
/*-----------中屏幕----------------------*/
@media all and (min-width:40em) {
  .btn-hamburger{top:20px;left:30px;}
  .panel-header{margin-top:40px;width:455px;}
  .title {font-size:4.2em;}
  .subtitle{font-size:1.8em;}
  .btn-download{margin-right:20px;}
  .btn-fork{margin-left:20px;}
}
/*----------大屏幕------------------------*/
@media all and (min-width: 54em) {
  .box {width:70%;max-width:1200px;margin:50px auto;}
  .iphone video{display:block;}
  .iphone img{display:none;}
}
/*-------------------------图表数据--------------------------*/
.toolbar{height:40px;}
.close_button{position:absolute;right:15px;top:15px;z-index:1000;}
.close_button img{width:28px;}
#table_date{padding:15px;}
#table_date .table_nav li{float:left;width:25%;text-align:center;}
#table_date .table_nav li a{font-size:20px;color:#5e80ae;}
#table_date .table_nav li a.cur{color:white;}
#table_date .table_con img{width:100%;}
#table_date .three_data{margin:20px 0;border-bottom:1px solid #477db5;}
#table_date .three_data li{float:left;padding:10px 0;width:33%;text-align:center;border-left:1px solid #477db5;}
#table_date .three_data li:first-child{border:0;}
#table_date .three_data li img{height:32px;}
#table_date .three_data li p{color:white;font-size:16px;margin-top:10px;}
#table_date .update_time{text-align:center;}
#table_date .update_time p{font-size:16px;color:white;}

/*-------------------------选项--------------------------*/
#table_date .tag_con{text-align:center;margin-top:0px;}
#table_date .tag_con img{width:30px;position:relative;top:8px;opacity:0.5;}
#table_date .tag_con a.cur img{opacity:1;}
#table_date .tag_con a{padding:5px 15px;margin: 0 10px;font-size:16px;color:rgba(255,255,255,.5);background:rgba(255,255,255,.1) none repeat scroll !important; filter:Alpha(opacity=10);
border:1px solid rgba(255,255,255,0.2);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
#table_date .tag_con a.cur{color:white;background:rgba(255,255,255,.2) none repeat scroll !important; filter:Alpha(opacity=20);
border:1px solid rgba(255,255,255,.4);}
/*-------------------------设置--------------------------*/
#set_up .map img{width:100%;border-bottom:1px solid #ccc;}
#set_up .button{padding:10px 15px;}
